<!DOCTYPE html>
<html>

<head>
	<title>J&L's Wedding</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
	<script src="js/jquery-1.11.0.min.js"></script>
	<!---- start-smoth-scrolling---->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>

	<!---- start-smoth-scrolling---->

</head>

<body>
	<!----start-header---->
	<div class="header" id="home">
		<div class="container">
			<div class="logo">
				<a href="index.html"><img src="images/lg-2.png" alt=""></a>
			</div>
			<div class="navigation">
				<span class="menu"></span>
				<ul class="navig">
					<li><a href="index.html">主页</a><span> </span></li>
					<li><a class="active" href="about.html">婚期安排</a><span> </span></li>
					<li>
					</li>
					<li>
					</li>
					<li><a href="gallery.html">相册展示</a><span> </span></li>
					<li><a href="contact.html">联系方式</a><span> </span></li>
				</ul>
			</div>
			<!-- script-for-menu -->
			<script>
				$("span.menu").click(function () {
					$(" ul.navig").slideToggle("slow", function () {});
				});
			</script>
			<!-- script-for-menu -->
		</div>
	</div>
	<!----end-header---->
	<!--banner-starts-->
	<div class="bnr" id="home">
		<div id="top" class="callbacks_container">
			<ul class="rslides" id="slider4">
				<li>
					<div class="banner">
						<div class="banner-text">
							<h1 align="left">Step1：</h1>
							<p align="left">接收到请帖的各位小伙伴一定要在第一时间回复我们哦，谢谢啦！</p>
						</div>
					</div>
				</li>
				<li>
					<div class="banner1">
						<div class="banner-text">
							<h1 align="left">Step2：</h1>
							<p align="left">确定好人员名单后，我们会给小伙伴们安排好座位，有事也可以直接联系我们哦！</p>
						</div>
					</div>
				</li>
				<li>
					<div class="banner">
						<div class="banner-text">
							<h1 align="left">Step3：</h1>
							<p align="left">届时可能会招待不周，大家随意，权当是自己家，随便吃喝玩耍哦！</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!--banner-ends-->
	<!--Slider-Starts-Here-->
	<script src="js/responsiveslides.min.js"></script>
	<script>
		// You can also use "$(window).load(function() {"
		$(function () {
			// Slideshow 4
			$("#slider4").responsiveSlides({
				auto: true,
				pager: false,
				nav: true,
				speed: 500,
				namespace: "callbacks",
				before: function () {
					$('.events').append("<li>before event fired.</li>");
				},
				after: function () {
					$('.events').append("<li>after event fired.</li>");
				}
			});

		});
	</script>
	<!--End-slider-script-->
	<!----end-banner---->
	<!----start-about---->
	<div class="about">
		<div class="container">
			<div class="about-top heading">
				<h3>ATTENTION</h3>
			</div>
			<div class="about-bottom">
				<img src="images/about-1.jpg" alt="" />
				<p align="left">注意：</br>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由于新郎、新娘家距离比较远，所以当天的行程会比较赶。<b>烦请各位私聊小芳（QQ/微信/短信）<font color="red">回复来参加婚宴的时间，如：只来中午 / 只来晚上 / 中午、晚上都参加</font></b>，我们这边好统一登记，以便安排座位和大巴。如有招待不周的地方，也烦请各位小伙伴见谅。</br>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请来参加婚礼的小伙伴提前查好相关路线，以下为相关交通路线。</p>
			</div>
		</div>
	</div>
	<!----end-about---->
	<!----start-why---->
	<div class="why">
		<div class="container">
			<div class="why-top heading">
				<h3>婚礼安排</h3>
			</div>
			<div class="why-bottom">
				<div class="why-one">
					<div class="col-md-6 why-left">
						<div class="col-md-5 why-one-left">
							<img src="images/w-11.jpg" alt="" />
						</div>
						<div class="col-md-7 why-one-left">
							<h4>婚期安排Step1：</h4>
							<p>1、原定11月28号中午11：00到达新娘家吃中饭</br>
								2、中饭结束约13：00左右，小伙伴们可组队到新娘家附近的汾湖滩进行饭后散步（有车一族也可自行自驾到西塘游玩，待到晚餐时间约17：00到新郎家用餐） </p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-6 why-left">
						<div class="col-md-5 why-one-left">
							<img src="images/w-22.jpg" alt="" />
						</div>
						<div class="col-md-7 why-one-left">
							<h4>婚期安排Step2：</h4>
							<p>3、下午14：00左右，安排大巴车从新娘家接送各位小伙伴到新郎家</br>
								4、大巴车到达新郎家约15：00左右，各位小伙伴可到新郎家（大桥镇十八里花苑）坐一坐，或者周边走动走动 </p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="why-one">
					<div class="col-md-6 why-left">
						<div class="col-md-5 why-one-left">
							<img src="images/w-33.jpg" alt="" />
						</div>
						<div class="col-md-7 why-one-left">
							<h4>婚期安排Step3：</h4>
							<p>5、晚餐17：00左右，到大桥镇平湖塘小区附件用餐。从新郎家走到用餐地点（平湖塘花苑附近）约15-20分钟左右。</br>
								6、晚餐结束，如要乘坐高铁回杭州/上海的同学，新郎家会安排大巴车送各位抵达“嘉兴南”站</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-6 why-left">
						<div class="col-md-5 why-one-left">
							<img src="images/w-44.jpg" alt="" />
						</div>
						<div class="col-md-7 why-one-left">
							<h4>Tip</h4>
							<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小伙伴可在新娘家附近的汾湖滩上散步赏景；自驾/组队前行的小伙伴，也可在吃完午饭后到西塘游玩一下。待到晚饭时间，再到新郎家用餐哦！</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<!----end-why---->
	<!----start-team---->
	<div class="team">
		<div class="container">
			<div class="team-top heading">
				<h3>OUR TEAM</h3>
			</div>
			<div class="team-bottom">
				<div class="col-md-3 team-left">
					<img src="images/t-1.jpg" alt="" />
					<h4>沈公子</h4>
					<p>90后天蝎座，邪魅，冷酷总裁型，伴郎团</p>
				</div>
				<div class="col-md-3 team-left">
					<img src="images/t-2.jpg" alt="" />
					<h4>陈小姐</h4>
					<p>90后双子座，热情，慢热稳重型，伴娘团</p>
				</div>
				<div class="col-md-3 team-left">
					<img src="images/t-3.jpg" alt="" />
					<h4>X先生</h4>
					<p>未知的X先生，伴郎团</br>
						Do you know ?
					</p>
				</div>
				<div class="col-md-3 team-left">
					<img src="images/t-4.jpg" alt="" />
					<h4>Y小姐</h4>
					<p>未知的Y小姐，伴郎团</br>
						Do you want to know ?
					</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!----end-team---->
	<!----start-footer---->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
			</div>
			<div class="newsletter">
				<ul>
					<li>
						<h6>一晃而过的是岁月</h6></li>
					<li>
						<h6>一闪而过的是青春</h6></li>
					<li>
						<h6>一见如故的是缘分</h6></li>
				</ul>
			</div>
			<div class="footer-text">
				<p>Design by J&L</a>
				</p>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function () {
				/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/

				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</div>
	<!----end-footer---->
</body>

</html>